<%-- 
    Document   : customerexpand
    Created on : Aug 11, 2012, 10:19:09 AM
    Author     : ems
--%>


<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<f:subview id="conf425475">
    <html>
        <head>

            <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
            <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  

            <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
            <link rel="stylesheet" type="text/css" href="../css/paging.css"/>
            <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>
            <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
            <link rel="stylesheet" type="text/css" href="../scripts/tabs/slidingtabs-horizontal.css">
            <script type="text/javascript" src="../scripts/tabs/slidetab.js"></script>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.rateit.js"></script>
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/kapi.js"></script>
            <script type="text/javascript" language="javascript">
                $j(document).ready(function(){
                    $j('input#leavedate1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                     $j.post("showShifWork.jsp?action=listN420&stardate=null"+"&fn850="+0+"&fc250="+0,function(data){
                           if(data !=null){
                               $j(".listn420").html(data);
                           }
                        });  
                    $j("#leavedate1").live("change",function(){
                        stardate = $j('input#leavedate1').val();
                        fn850 =  $j(".fn850").children("option:selected").val();
                        fc250 = $j(".fc250").children("option:selected").val();
                        $j.post("showShifWork.jsp?action=listN420&stardate="+stardate+"&fn850="+fn850+"&fc250="+fc250,function(data){
                           if(data !=null){
                               $j(".listn420").html(data);
                           }
                        });  
                       
                    });
                    $j(".fn850").live("change",function(){
                        stardate = $j('input#leavedate1').val();
                        fn850 =  $j(".fn850").children("option:selected").val();
                        fc250 = $j(".fc250").children("option:selected").val();
                        $j.post("showShifWork.jsp?action=listN420&stardate="+stardate+"&fn850="+fn850+"&fc250="+fc250,function(data){
                           if(data !=null){
                               $j(".listn420").html(data);
                           }
                        });  
                       
                    });
                    $j(".fc250").live("change",function(){
                        stardate = $j('input#leavedate1').val();
                        fn850 =  $j(".fn850").children("option:selected").val();
                        fc250 = $j(".fc250").children("option:selected").val();
                        $j.post("showShifWork.jsp?action=listN420&stardate="+stardate+"&fn850="+fn850+"&fc250="+fc250,function(data){
                           if(data !=null){
                               $j(".listn420").html(data);
                           }
                        });  
                       
                    });
                });
            </script>
            <style type="text/css">
                .org_time {
                    float: left;
                    width: 250px;
                }

                .org_asembly{
                    float: left;
                    width: 200px;
                }

                .org_asembly{
                    float: left;
                    width: 200px;
                }

                .fillter {
                    float: left;
                    margin-top: 15px;
                    margin-bottom: 10px;
                }
                input[type="text"] {
                    border: 1px solid #B2B7BB;
                    color: #999999;
                    height: 19px;
                    padding: 3px 5px;
                    width: 122px;
                }
            </style>
        </head>


        <body>

            <a4j:form id="org_Form">
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
                <h:outputText value="<div class='permission' lang='#{loginSession.right.MENU_CUS_VIEW}'></div>" escape="false"/>
                <div id="content">
                    <div id="menu_top">
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#"><span><h:outputText value="#{locale.area}"/></span></a>
                            </div>
                            <div class="select_hidden">
                                <ul>
                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#"><span>Outlets</span></a>
                            </div>
                            <div class="select_hidden">
                                <ul>
                                    <li><a href="#"><span>Ban Điều Hành</span></a></li>
                                    <li><a href="#"><span>Nhóm IT</span></a></li>
                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="content_detail" class="content_detail">

                        <div class="sidebar_row2">

                        </div>

                        <!-- end sidebar row2--->

                        <div class="fillter">
                            <div class="org_asembly"> 
                                <label><h:outputText value="Nhóm tổ"/> :</label>&nbsp;
                                <h:selectOneMenu value="#{N420Bean.fn850}" styleClass="org_cbxAbs fn850">  
                                    <f:selectItems value="#{N420Bean.listTabN850}" /> 

                                    <a4j:support event="onchange" reRender="abcxyz"/>
                                </h:selectOneMenu> 

                            </div>
                            <div class="org_asembly"> 
                                <label><h:outputText value="Ca"/> :</label>&nbsp;
                                <h:selectOneMenu value="#{N420Bean.fc250}" styleClass="org_cbxAbs fc250">  
                                    <f:selectItems value="#{N420Bean.listTabC250}" /> 

                                    <%--  <a4j:support event="onchange" reRender="org_Form"  actionListener="#{OrgBean.listTabN400}" onsubmit="showPleaseWait();" oncomplete="hidePleaseWait();" /> --%>
                                    <a4j:support event="onchange" reRender="abcxyz"/>
                                </h:selectOneMenu> 
                            </div>
                            <div class="org_time">
                                <label><h:outputText value="Ngày trực"/>:</label>&nbsp;
                                <%--<h:inputText value="" lang="firstname" styleClass="required"></h:inputText>--%>
                                <input value="<h:outputText value="#{N420Bean.nd421}">
                                           <f:convertDateTime pattern="dd/MM/yyyy"/> 
                                       </h:outputText>" 
                                       type="text" id="leavedate1" name="leavedate1" class="" />
                            </div>
                        </div>
                        <div class="content_right">
                            <!--place code here -->
                            <div class="listn420">
                                <!-- showShifWork.jsp-->
                            </div>

                        </div>
                    </div>
                </div>
            </a4j:form>

        </body>
    </html>
</f:subview>
